iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
自我挑戰組

Rayeee 的 TypeScript 的學習日記系列 第 3

<20230904> Day3. 無情的環境建置

  • 分享至 

  • xImage
  •  

不知道大家會不會跟我一樣,超超超討厭架環境,想當時初到公司時,架公司環境架得霧煞煞,最後還請前輩親自下來幫忙,那時前輩說的「架環境真的很神奇,明明就有給流程文件,但每個人卡的問題都不一樣」讓我印象深刻
雖然現在不會排斥,有新人來也是耐心的幫忙排查卡在哪個步驟,但知道自己就是討厭這個環節 (就不能一鍵完成嗎)

扯遠了,今天要簡單架設 TypeScript 的環境,目標是可以簡單的執行就好

需要先備的工具 (就是這裡不會重頭講述的工具):

  • 程式編輯器,我是用 vsCode,跟 TypeScript 都是同一個媽生的 (Microsoft),有些功能內建就有支援。
  • node.js,版本任意
  1. 到專案資料夾安裝 TypeScript
npm install -g typescript
  1. 建置 TypeScript 設定檔案 tsconfig.json
tsc --init

這時會發現出現了 tsconfig.json 這個檔案,這個就是 TypeScript 的設定檔案,之後會解釋用到的參數功能
https://ithelp.ithome.com.tw/upload/images/20230904/20162544YyDMl2cEfT.png

  1. 建立第一個 TypeScript 檔案,並編譯成 JavaScript 檔案
    在專案底下建立 index.ts,再輸入指令
tsc 

這樣 TypeScript 就會把專案下的 .ts 檔案轉換為 .js

上面是我們寫的 .ts 檔,下圖是編譯後的 .js
https://ithelp.ithome.com.tw/upload/images/20230904/20162544lerOCHaOH4.png

這樣大致就結束了,可以再試試看用 node 執行剛剛編譯後的 .js 檔,可以看到有確實執行
https://ithelp.ithome.com.tw/upload/images/20230904/20162544sJjPMOeLdk.png

<20230904> 日記,颱風假就是要遠端上班阿

今天寫到架設環境的事情,現在想想,討厭架環境可能是因為本身知識量不足造成的未知的恐懼

就是說恐懼來自於火力不足,如果架設環境時的每一個指令、每一個執行、每一個下載都能知道是在做什麼,好像就不會討厭或害怕了,但是感覺能全都理解不太現實,應該怎麼解決遇到的問題才是真正要學的,說到底還是需要有「解決問題的能力」,才能稱得上是一個好的工程師阿。

話說今天在 PTT 看到一個無用的颱風小知識,距離台中上次放颱風假的時候

  • 美國總統還是歐巴馬
  • 機場捷運還沒通車
  • 復興航空還在營運
  • 寶可夢日月還沒發售
  • 庫拉皮卡還在船上 (雖然現在也是

只能說時間過得真快,還是台中的颱風假本來就沒那麼容易呢


上一篇
<20230903> Day2. TypeScript 簡介一下下
下一篇
<20230905> Day4. Types 有哪些呢
系列文
Rayeee 的 TypeScript 的學習日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言